import { useMount, useRequest } from "ahooks";

export function ADemo() {
  // 渲染完成执行
  useMount(() => {
    console.log("ahooks===>useMount");
  });

  //   useRequest 是ahooks 中非常强大的一个hook，可以用来处理请求，比如自动请求/手动请求，轮询，防抖，节流，屏幕聚焦重新请求，错误重试，loading delay，SWR(stale-while-revalidate)，缓存等等。
  const { data, run } = useRequest(
    () => {
      return fetch("https://api.github.com/users/github").then((res) =>
        res.json()
      );
    },
    {
      debounceWait: 300, // 防抖
      manual: true, // 手动触发
    }
  );

  console.log("data===>", data);
  return (
    <div>
      <h1>第三方hooks(ahooks)</h1>

      <button onClick={run}>发送请求</button>
    </div>
  );
}
